body
	{
		background: #183026 url('../images/bg.jpg') no-repeat;
		background-size: cover;
		background-position: center 0;
		background-attachment: fixed;
		
	}
	h1
	{
	font-family:'Comic Sans MS'; font-size:30px;
	}

	.pos {
    position: relative;
    left: 300px;
	font-size:15px;
	}
	
	.po {
    position: relative;
    left: 800px;
	font-size:15px;
}

	.img{
	width:100px;
	height : 100px;
	}

td {
	border: 1px solid black;
	width: 20px;
	height: 20px;
	font-family: 'Comic Sans MS';
	font-size:17px;
}

table {
	 border-collapse: collapse;
	 margin: auto;
}

td:hover{
	background-color: grey;
}

.h {
	border-top: 3px solid black;
}

.d{
	border-right: 3px solid black;
}

.b{
	border-bottom: 3px solid black;
}

.g{
	border-left: 3px solid black;
}

.robot{

}

div.blue.selected{
	border: #ADD8E6;
}

div.red.selected{
	border: #F08080;
}

div.green.selected{
	border: #90EE90;
}

div.yellow.selected{
	border: #FFFACD;
}

.selected{
	background-color: #90EE90;
	cursor: pointer;
}

.select{
	background-color: #90EE90;
	cursor: pointer;
}

.blue{	
	width: 15px;
	height: 15px;
	margin: auto;
	background-color: blue;
}

.red{	
	width: 15px;
	height: 15px;
	margin: auto;
	background-color: red;
}

.green{	
	width: 15px;
	height: 15px;
	margin: auto;
	background-color: green;
}

.yellow{	
	width: 15px;
	height: 15px;
	margin: auto;
	background-color: yellow;
}

.draggable{
	cursor: move;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.target{

}